<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>书籍管理系统</title>
  <script src="./course.js">

  </script>
  <link rel="stylesheet" href="index.css">

  <style>

  </style>
</head>
<body>
<div>
  <div class="header">
    <h1>COURSE表</h1>
  </div>
  <div class="topnav">
    <a href="mark.html">MARK表</a>
    <a href="user.html">USER表</a>
  </div>

  <div id="part2" class="column">
    <form>
      <div style="margin-bottom:10px">
        <label for="iptId"> Id号码</label>
        <input id="iptId" type="text" placeholder="输入id" name="id" readonly class="in">
      </div >
      <div style="margin-bottom:10px">
        <label for="iptName">课程名称</label>
        <input id="iptName" type="text" placeholder="输入书籍名称" name="cName" class="in">
      </div>
      <div style="margin-bottom:10px">
        <label for="iptAuthor">教师名称</label>
        <input id="iptAuthor" type="text" placeholder="输入书籍作者" name="tName" class="in">
      </div>

      <div style="margin-bottom:10px" id="btn">
        <input type="button" value="添加" onclick="add()" class="btn">
        <input type="button" value="刷新" onclick="refresh()" class="btn">
        <input type="button" value="查询" onclick="getById()" class="btn">
        <input type="button" value="确认修改" onclick="onUpdate()" class="btn">
      </div>
    </form >
    <table>
      <thead>
      <tr>
        <th>Id</th>
        <th>课程名称</th>
        <th>教师名称</th>
        <th>操作</th>
      </tr>
      </thead>
      <tbody id="courses">
      </tbody>
    </table>
  </div>
</div>


</body>
</html>